<div class="padding-md">
    <div class="smart-widget">
        <div class="smart-widget-header">
            <div class="am-btn-group am-btn-group-xs">
            	<button type="button" class="am-btn am-btn-default" data-toggle="hydra-collapse" data-target="#add-div" data-form="#add-form"><span class="am-icon-plus"></span> 新增</button>
                <button type="button" class="am-btn am-btn-default widget-toggle-hidden-option" data-toggle="hydra-collapse" data-target="#search-div" data-form="#search-form"><i class="fa fa-search-plus"></i>搜索</button>
            </div>
            <span class="smart-widget-option">
                <a href="#" class="widget-refresh-option">
                    <i class="fa fa-refresh"></i>
                </a>
            </span>
        </div>
        <div class="smart-widget-inner">
        	<!--新增s-->
        	<div class="smart-widget-hidden-section" id="add-div">
                <form class="no-margin" id="add-form">
                	<div class="form-group">
	                	<div class="input-group col-lg-12">
	                		<span class="input-group-addon">标签类型</span>
	                		<select class="form-control" name="tagType">
	                			<option value="">请选择</option>
	                			<option value="1">正面</option>
	                			<option value="2">负面</option>
	                		</select>
	                	</div>
                	</div>
                	<div class="form-group">
	                	<div class="input-group col-lg-12">
	                		<span class="input-group-addon">标签名称</span>
	                		<input type="text" name="tagName" class="form-control" placeholder="标签名称">
	                	</div>
                	</div>
                	<div class="form-group">
	                	<div class="input-group col-lg-12">
	                		<span class="input-group-addon">是否启用</span>
	                		<select class="form-control" name="enabled">
	                			<option value="">请选择</option>
	                			<option value="1">是</option>
	                			<option value="2">否</option>
	                		</select>
	                	</div>
                	</div>
                    <div class="form-group">
                        <div class="input-group col-lg-12">
                            <span class="input-group-addon">标签顺序</span>
                            <input type="text" name="sequence" class="form-control" placeholder="标签顺序">
                        </div>
                    </div>
                    <button type="submit" class="btn btn-sm btn-success">保存</button>
                </form>
            </div>
        	<!--新增e-->
        	<!--搜索 S-->
            <div class="smart-widget-hidden-section" id="search-div" >
                <form class="no-margin form-inline" id="search-form">
                    <div class="form-group">
                        <div class="input-group col-lg-12">
                            <input type="text" name="tagName" class="form-control" placeholder="标签名称">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group col-lg-12">
                            <span class="input-group-addon">标签类型</span>
                            <select class="form-control" name="tagType">
                                <option value="">请选择</option>
                                <option value="1">正面</option>
                                <option value="2">负面</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group col-lg-12">
                            <span class="input-group-addon">是否启用</span>
                            <select class="form-control" name="enabled">
                                <option value="">请选择</option>
                                <option value="1">是</option>
                                <option value="2">否</option>
                            </select>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-sm btn-success">查询</button>
                </form>
            </div>
            <!--搜索 E-->
            <div class="smart-widget-body">
                <table class="table table-hover table-striped">
                    <thead>
                        <tr>
                            <th style="text-align:center;">#</th>
                            <th style="text-align:center;">标签类型</th>
                            <th style="text-align:center;">标签名称</th>
                            <th style="text-align:center;">标签顺序</th>
                            <th style="text-align:center;">是否启用</th>
                            <th style="text-align:center;">最后更新时间</th>
                            <th style="text-align:center;width: 160px;">Action</th>
                        </tr>
                    </thead>
                    <tbody id="list-body" style="display: none;">
                        <tr>
                            <td html-id></td>
                            <td html-tagType></td>
                            <td html-tagName></td>
                            <td html-sequence></td>
                            <td html-enabled></td>
                            <td html-updateTime></td>
                            <td>
                                <div class="am-btn-toolbar">
                                    <div class="am-btn-group am-btn-group-xs">
                                        <button class="am-btn am-btn-default am-btn-xs am-text-secondary" btn-type="edit" role-type="mch"><span class="am-icon-pencil-square-o"></span> 修改</button>
                                        <button class="am-btn am-btn-default am-btn-xs" btn-type="enabled" role-type="mch"><span class="am-icon-toggle-off"></span> 禁用</button>
                                        <button class="am-btn am-btn-default am-btn-xs am-text-secondary" btn-type="delete" role-type="mch"><span class="fa fa-trash-o"></span> 删除</button>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div class="am-cf" id="page-body"></div>
            </div>
        </div><!-- ./smart-widget-inner -->
    </div>
</div>

<!--查看线路滑窗 E-->
<style type="text/css">
	.form-control[readonly]{
		background: white;
	}
</style>